<template>
	<view class="chat-container">
		<view class="chat-main">
			<image class="chat-main-img" src="../../static/女客服.png" mode=""></image>
			<view class="chat-main-counselor">
				<text>置业顾问</text>
				<text>张小林</text>
			</view>
			<text>专业服务诚信做人诚信做事!</text>
			<button size="mini">我要聊天</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
@import "asseat/theme.scss";
.chat-container{
	background-color: #F4F3F8;
	padding: 50px 20px;
	position: relative;
	.chat-main{
		width: 60%;
		height: 400rpx;
		margin: 39% auto;
		background-color: #fff;
		padding: 10rpx 20rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		
		.chat-main-img{
			width: 100px;
			height: 100px;
		}
	}
}
</style>